html, head, nav, body, header {
	margin: 0px;
}

* {
	scrollbar-width: none;
}

html {
	overflow-x: hidden;
	scrollbar-width: none;
}

:root {
	--h: (255,0,0);
}

body {
	background-color: #FFFEF8;
}

main {
	/* margin-top: 10.625vw; */
	margin-top: 8.5rem;
	margin-top: 0;
	/* min-height: calc(100% - 2 * 10.625vw); */
	/* min-height: calc(100% - 2 * 8.5rem); */
	min-height: calc(100vh - 8.5rem - 3rem);
	overflow: hidden;
	transition: margin-top 1s;
}

.noJavascript {
	background-color: #C8C8C8;
	border: 0.8vw solid #444444;
	border-radius: 0.8vw;
	color: #FFFFFF;
	font-family: CourierPrimeBoldItalic;
	font-size: 5vw;
	height: 26.2vw;
	left: 10%;
	line-height: 6.5vw;
	position: absolute;
	text-align: center;
	top: calc(50vh - 13.1vw);
	width: calc(80% - 0.8vw);
	z-index: 16;
}

#noJavascriptBackgroundDiv {
	background-color: #FFFFFF;
	height: 100%;
	opacity: 0.5;
	position: absolute;
	top: 0vw;
	width: 100%;
	z-index: 15;
}

::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
	display: none;
	width: 0vw;
}

::-webkit-scrollbar {
	display: none;
	width: 0vw;
}

@media only all and (min-width: 600px) {
	main {
		margin-top: 8.5rem;
	}
	
	.noJavascript {
		border: 0.4vw solid #444444;
		border-radius: 0.4vw;
	}
}

/* @media only all and (min-width: 1440px) {
	main {
		margin-top: 7.083vw;
		min-height: calc(100vh - 2 * 7.083vw);
	}
} */